<html>
    <head>
    <title>Learning WebGL &mdash; lesson 2</title>
    
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    <script type="text/javascript" src="glMatrix-0.9.5.min.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/CollisionController.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/KeyboardController.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/Particle.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/ParticleController.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/ParticleSystem.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/Plane.js"></script>
    <script type="text/javascript" src="../FireWaterProject/Controllers/WorldController.js"></script>
    <script type="text/javascript" src="../FireWaterProject/GraphicUtilities/Vector.js"></script>
    <script type="text/javascript" src="fire.js"></script>
    
    <script id="shader-fs" type="x-shader/x-fragment">
        #ifdef GL_ES
        precision highp float;
        #endif
    
        varying vec4 vColor;
    
        void main(void) {
            gl_FragColor = vColor;
        }
    </script>
    
    <script id="shader-vs" type="x-shader/x-vertex">
        attribute vec3 aVertexPosition;
        attribute vec4 aVertexColor;
    
        uniform mat4 uMVMatrix;
        uniform mat4 uPMatrix;
    
        varying vec4 vColor;
    
        void main(void) {
            gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
            vColor = aVertexColor;
        }
    </script>    
    <script>
		
	</script>
    </head>


    <body onLoad="webGLStart();">
        <canvas id="lesson02-canvas" style="border: none;" width="500" height="500"></canvas>
        <br>
        <input type="button" value="Start Gen" onClick="startGen(1000)" />
        <input type="button" value="Stop Gen"  onClick="stopGen()" />
        
    </body>

</html>

